<!DOCTYPE html>
<html>
<head>
<title>Single</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Playball' rel='stylesheet' type='text/css'>
<!-- js -->
<script src="js/jquery-1.11.1.min.js"></script>
<!-- //js -->
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Matrimony Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->
</head>

<body>
<!-- banner -->
	<div id="home" class="header">
		<div class="container">
		<div class="logo-left">
			<span class="menu"><img src="images/menu.png" alt=" "/></span>
					<ul class="nav1">
						<li><a href="index.html">Home</a></li>
						<li><a href="index.html">About Us</a></li>
						<li><a href="index.html">Wedding</a></li>
						<li><a href="team.html">Team</a></li>
						<li><a href="gallery.html">Gallery</a></li>
						<li class="cap"><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>
		</div>
		<div class="logo">
			<a href="index.html"><span>M</span>atrimony</a>
		</div>
		<div class="clearfix"> </div>
		</div>
	</div>
		<!-- script for menu -->
					<script> 
						$( "span.menu" ).click(function() {
						$( "ul.nav1" ).slideToggle( 300, function() {
						 // Animation complete.
						});
						});
					</script>
		<!-- //script for menu -->
<!-- //banner -->
<!--single-page-->
	<div class="banner-bottom1 single1">
		<div class="container">
			<div class="couple-names couple-names-single">
				<div class="sample-page">
					<div class="col-md-8 sample-page-left" >
						<div class="sample-page-info">
							<img src="images/16.jpg" alt=""/>
							<h5>Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.  
								Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, 
								consectetur adipisicing elit.There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration  
								in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum,
								you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>  
							<h5>Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi</h5>
							<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration  
								in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum,
								you need to be sure there isn't anything embarrassing hidden in the middle of text.</p> 
							<div class="comment-icons">
								<ul>
									<li><span class="d"></span><a href="#">Lorem ipsum dolor sit consectetur</a> </li>
									<li><span class="clndr"></span>MARCH 5, 2015</li>
									<li><span class="admin"></span> <a href="#">Admin</a></li>
									<li><span class="cmnts"></span> <a href="#">5 comments</a></li>
									<li><span class="like"></span> <a href="#">15</a></li>
								</ul>
							</div>
							<div class="admin-text">
								<h5>Written By <a href="#">Admin</a></h5>
								<div class="admin-text-left">
									<a href="#"><img src="images/icon3.png" alt=""/></a>
								</div>
								<div class="admin-text-right">
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available, 
									sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
									<span>View all posts by:<a href="#"> Admin </a></span>
								</div>
								<div class="clearfix"> </div>
							</div>
							<div class="response">
								<h4>Responses</h4>
								<div class="response-info">
									<div class="response-text-left">
										<a href="#"><img src="images/icon3.png" alt=""/></a>
										<h5><a href="#">Admin</a></h5>
									</div>
									<div class="response-text-right">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available, 
											sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<ul>
											<li>JUNE 1, 2015</li>
											<li><a href="#">Reply</a></li>
										</ul>
									</div>
									<div class="clearfix"> </div>
								</div>		
								<div class="response-info">
									<div class="response-text-left">
										<a href="#"><img src="images/icon3.png" alt=""/></a>
										<h5><a href="#">Admin</a></h5>
									</div>
									<div class="response-text-right">
										<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit,There are many variations of passages of Lorem Ipsum available, 
										sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
										<ul>
											<li>JUNE 1, 2015</li>
											<li><a href="#">Reply</a></li>
										</ul>
									</div>
									<div class="clearfix"> </div>
								</div>
							</div>	
							<div class="coment-form">
								<h4>Leave Your Comment</h4>
								<form>
									<input type="text" value="Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name';}" required="">
									<input type="text" value="Website" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Website';}" required="">
									<textarea type="text"  onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Your Comment...';}" required="">Your Comment...</textarea>
									<input type="submit" value="SEND" >
								</form>
							</div>		
						</div>
					</div>	
					<div class="col-md-4 sample-page-right">
						<div class="category">
							<h4>Categories</h4>
							<ul>
								<li><a href="#">Donec ut quam ligula feugiat scelerisque.</a></li>
								<li><a href="#">Etiam volutpat tortor quis nibh lobortis</a></li>
								<li><a href="#">Fusce vitae dolor vitae blandit varius.</a></li>
								<li><a href="#">Proin commodo metus sed nisi lobortis.</a></li>
								<li><a href="#">Nunc volutpat neque augue interdum,</a></li>
								<li><a href="#">condimentum fringilla justo lobortis.</a></li>
								<li><a href="#">Vivamus consequat dolor ac est congue.</a></li>
							</ul>
						</div>	
						<div class="recent-posts">
							<h4>Recent Posts</h4>
							<div class="recent-posts-info">
								<div class="posts-left">
									<a href="#"> <img src="images/13.jpg" alt=""/> </a>
								</div>
								<div class="posts-right">
									<label>JUNE 5, 2015</label>
									<h5> <a href="#">FRINGILLA </a></h5>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing incididunt.</p>
									<div class="read-more">
										<a href="single.html" class="hvr-bounce-to-top">Read More</a>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>	
							<div class="recent-posts-info">
								<div class="posts-left">
									<a href="#"> <img src="images/14.jpg" alt=""/></a>
								</div>
								<div class="posts-right">
									<label>JUNE 1, 2015</label>
									<h5><a href="#">FINIBUS BONO</a></h5>
									<p>Lorem ipsum dolor sit amet, consectetur adipisicing incididunt.</p>
									<div class="read-more">
										<a href="single.html" class="hvr-bounce-to-top">Read More</a>
									</div>
								</div>
								<div class="clearfix"> </div>
							</div>	
						</div>
						<div class="comments">
							<h4>Recent Comments</h4>
							<div class="comments-info">
								<div class="cmnt-icon-left">
									<a href="#"><img src="images/icon3.png" alt=""/></a>
								</div>
								<div class="cmnt-icon-right">
									<p>JUNE 1, 2015</p>
									<p><a href="#">Admin</a></p>
								</div>
								<div class="clearfix"> </div>
								<p class="cmmnt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
									sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
							<div class="comments-info">
								<div class="cmnt-icon-left">
									<a href="#"><img src="images/icon3.png" alt=""/></a>
								</div>
								<div class="cmnt-icon-right">
									<p>JUNE 1, 2015</p>
									<p><a href="#">Admin</a></p>
								</div>
								<div class="clearfix"> </div>
								<p class="cmmnt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
									sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
							<div class="comments-info">
								<div class="cmnt-icon-left">
									<a href="#"><img src="images/icon3.png" alt=""/></a>
								</div>
								<div class="cmnt-icon-right">
									<p>JUNE 1, 2015</p>
									<p><a href="#">Admin </a></p>
								</div>
								<div class="clearfix"> </div>
								<p class="cmmnt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
									sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>	
			</div>
		</div>
	</div>
<!--//single-page-->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-left">
				<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			</div>
			<div class="footer-right">
				<ul>
					<li><a href="#" class="facebook"></a></li>
					<li><a href="#" class="twitter"></a></li>
					<li><a href="#" class="g-plus"></a></li>
					<li><a href="#" class="in"></a></li>
					<li><a href="#" class="p"></a></li>
				</ul>
			</div>
			<div class="clearfix"> </div>
			<div class="footer-pos">
				<a href="#home" class="scroll"><span> </span></a>
			</div>
		</div>
	</div>
<!-- //footer -->
</body>
</html>